<template>
  <div id="app">
    <router-view/>
	<Footer v-if="isShowFooter"></Footer>
  </div>
</template>

<script>
import Footer from '@/components/Footer.vue'

export default {
  name: 'App',
  data(){
	  return{
		 isShowFooter:false 
	  }
  },
  created(){
	  // 动态添加路由---->动态路由表
	  // this.$router.addRoute({
		 //  path:"/order",
		 //  component: () => import( './views/Order.vue')
	  // })
  },
  components: {
    Footer
  },
  watch:{
	  $route(val){
		  this.isShowFooter=val.meta.isShow||false;
	  }
  }
}
</script>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:16px;
}
</style>
